<template>
  <a-button @click="dianwo">默认按钮</a-button>
  <a-button type="primary" :loading="true">主要按钮</a-button>
  <a-button type="success">成功按钮</a-button>
  <a-button type="success" icon="a-icon-add">成功按钮</a-button>
  <a-button type="danger">危险按钮</a-button>
  <a-button type="warning">警告按钮</a-button>
  <br />
  <br />
  <a-button type="success" icon="a-icon-add"></a-button>
  <br />
  <br />
  <a-button type="primary" plain>主要按钮</a-button>
  <a-button type="success" plain>成功按钮</a-button>
  <a-button type="danger" plain>危险按钮</a-button>
  <a-button type="warning" plain>警告按钮</a-button>
  <br />
  <br />
  <a-button round>默认按钮</a-button>
  <a-button type="primary" round>主要按钮</a-button>
  <a-button type="success" round>成功按钮</a-button>
  <a-button type="danger" round>危险按钮</a-button>
  <a-button type="warning" round>警告按钮</a-button>
  <br />
  <br />
  <a-button size="mini" type="primary">迷你按钮</a-button>
  <a-button size="small" type="success">小型按钮</a-button>
  <a-button size="medium" type="danger">中等按钮</a-button>
  <a-button size="large" type="warning">大型按钮</a-button>
  <br />
  <br />
  <a-button type="primary" size="large" block>大型按钮</a-button>
  <br />
  <br />
  <a-button :disabled="true">默认按钮</a-button>
  <a-button type="primary" :disabled="true">主要按钮</a-button>
  <a-button type="success" :disabled="true">成功按钮</a-button>
  <a-button type="danger" :disabled="true">危险按钮</a-button>
  <a-button type="warning" :disabled="true">警告按钮</a-button>
</template>

<script>
import { computed, defineComponent, inject, reactive, useContext } from "vue";
export default defineComponent({
  setup() {
    function dianwo() {
      console.log("dianwo...");
    }
    return {
      dianwo,
    };
  },
});
</script>
